<template>
  <div class="header">
     <i @click="onCollapse" class="el-icon-menu"></i>
      <!-- <el-button  @click="onCollapse(false)">主要按钮</el-button>
      <el-button @click="onCollapse(true)" type="primary">主要按钮</el-button> -->
  <!-- <el-radio-group :value="isCollapse"  style="margin-bottom: 20px;">
  <el-radio-button @click="onCollapse(false)" :label="false">展开</el-radio-button>
  <el-radio-button @click="onCollapse(true)" :label="true">收起</el-radio-button>
</el-radio-group> -->
  </div>
</template>

<script>
export default {
  props:{
    isCollapse:{
      type:Boolean,
      default:false
    }
  },
  data() {
    return {
      // isCollapse:false
    };
  },
  methods: {
    onCollapse(){
      this.$emit("update:isCollapse", !this.isCollapse)
    }
  },
  components: {},
};
</script>

<style  lang='scss' scoped>
.header {
  position: fixed;
  background: #cccccc;
  line-height: 60px;
  padding: 0 20px;
  width: 100%;
  cursor: pointer;
  font-size: 20px;
}
</style>
